﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
  <head>   

	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	
    <title>마이페이지 셀러</title>
	
	<style>
		
	</style>
	
	<link href="assets/css/bootstrap.css" rel="stylesheet">
	<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
	<link href="main_01.css" rel="stylesheet" type="text/css">
   
  </head>

  <body>	
	<div class="popup_container">
		<div id="popup_content">	
		<div style="margin:15px;">
			<div style="float:left;">
					<p style="font-size:16pt;" >제품검색 </p>				
			</div>
			<div class="input-append" style="float:right;">
				<input type="text" class="span2 search-query" placeholder="입력하세요">
				<a class="btn" href="#">확인</a>
			</div>
			<div style="clear:both;">
			</div>
		</div>
			<div style="margin:10px 10px 0px 10px; width:702px;height:35px;">
				<div style="background-color:#494949; width:100%; height:35px;border-top-right-radius:10px;border-top-left-radius:10px;">				
					<div style="float:left;width:200px;text-align:center;border-right: 1px solid #626262;">
						<span style="line-height:35px;color:white;font-size:9pt;">제품이미지</span>
					</div>
					<div style="float:left;width:350px;text-align:center;border-right: 1px solid #626262;">
						<span style="line-height:35px;color:white;font-size:9pt;">제품정보</span>
					</div>
					<div style="float:left;width:140px;text-align:center;">
						<span style="line-height:35px;color:white;font-size:9pt;">제품가격</span>
					</div>					
					<div style="clear:both;">
					</div>
				</div>
			</div>
			<div class="popupcontent">
				<!------------------내가 참여한 진행중인 공동구매 리스트--------->
				<div id="popuprow">
					<div class="popupcol" style="width:200px;border-right: 1px solid #e8e8e8;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<img src="images/sample.png" alt="상품이미지">						
						</div>
					</div>
					<div class="popupcol" style="width:350px;border-right: 1px solid #e8e8e8;">
						<div  style="padding:10px;display: table-cell; vertical-align: middle;">												
							<span>델이름모델이름모델이름모델이름</span>
						</div>
					</div>
					<div class="popupcol" style="width:140px;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<p><strong>20000원</strong></p>
							<a class="btn btn-warning" href="#"><i class="icon-chevron-down"></i>선택</a>
						</div>
					</div>				
					<div style="clear:both;">
						<hr width="702px" style="border:1px dashed #ffeac7"/>
					</div>
				</div>				
			</div>
			
			<div class="popupcontent">
				<!------------------내가 참여한 진행중인 공동구매 리스트--------->
				<div id="popuprow">
					<div class="popupcol" style="width:200px;border-right: 1px solid #e8e8e8;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<img src="images/sample.png" alt="상품이미지">						
						</div>
					</div>
					<div class="popupcol" style="width:350px;border-right: 1px solid #e8e8e8;">
						<div  style="padding:10px;display: table-cell; vertical-align: middle;">												
							<span>델이름모델이름모델이름모델이름</span>
						</div>
					</div>
					<div class="popupcol" style="width:140px;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<p><strong>20000원</strong></p>
							<a class="btn btn-warning" href="#"><i class="icon-chevron-down"></i>선택</a>
						</div>
					</div>				
					<div style="clear:both;">
						<hr width="702px" style="border:1px dashed #ffeac7"/>
					</div>
				</div>				
			</div>
			
			<div class="popupcontent">
				<!------------------내가 참여한 진행중인 공동구매 리스트--------->
				<div id="popuprow">
					<div class="popupcol" style="width:200px;border-right: 1px solid #e8e8e8;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<img src="images/sample.png" alt="상품이미지">						
						</div>
					</div>
					<div class="popupcol" style="width:350px;border-right: 1px solid #e8e8e8;">
						<div  style="padding:10px;display: table-cell; vertical-align: middle;">												
							<span>델이름모델이름모델이름모델이름</span>
						</div>
					</div>
					<div class="popupcol" style="width:140px;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<p><strong>20000원</strong></p>
							<a class="btn btn-warning" href="#"><i class="icon-chevron-down"></i>선택</a>
						</div>
					</div>				
					<div style="clear:both;">
						<hr width="702px" style="border:1px dashed #ffeac7"/>
					</div>
				</div>				
			</div>
			
			<div class="popupcontent">
				<!------------------내가 참여한 진행중인 공동구매 리스트--------->
				<div id="popuprow">
					<div class="popupcol" style="width:200px;border-right: 1px solid #e8e8e8;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<img src="images/sample.png" alt="상품이미지">						
						</div>
					</div>
					<div class="popupcol" style="width:350px;border-right: 1px solid #e8e8e8;">
						<div  style="padding:10px;display: table-cell; vertical-align: middle;">												
							<span>델이름모델이름모델이름모델이름</span>
						</div>
					</div>
					<div class="popupcol" style="width:140px;">					
						<div  style="display: table-cell; vertical-align: middle;">					
							<p><strong>20000원</strong></p>
							<a class="btn btn-warning" href="#"><i class="icon-chevron-down"></i>선택</a>
						</div>
					</div>				
					<div style="clear:both;">
						<hr width="702px" style="border:1px dashed #ffeac7"/>
					</div>
				</div>				
			</div>
			
			
		
			
		
			<div style="clear:both;">
				<div style="margin:0px 10px 10px 10px; width:700px;background-color:#f9f9f9; 
				height:5px;border-bottom-right-radius:5px;border-bottom-left-radius:10px;"></div>
				<div style="margin:10px;">
				</div>
			</div>
			
		</div>
	</div>	
	
	<!--------------------------------pagination----------------------------------------->
	<div class="pagination pagination-small pagination-centered">
	  <ul>
		<li><a href="#">Prev</a></li>
		<li class="active"><a href="#" >1</a></li>
		<li><a href="#">2</a></li>
		<li><a href="#">3</a></li>
		<li><a href="#">4</a></li>
		<li><a href="#">5</a></li>
		<li><a href="#">Next</a></li>
	  </ul>
	</div>

	

	


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://twitter.github.io/bootstrap/assets/js/google-code-prettify/prettify.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>
    
    
	
	<script type="text/javascript">

	  $(function(){

		$.fn.modalmanager.defaults.resize = true;

		$('[data-source]').each(function(){
		  var $this = $(this),
			$source = $($this.data('source'));

		  var text = [];
		  $source.each(function(){
			var $s = $(this);
			if ($s.attr('type') == 'text/javascript'){
			  text.push($s.html().replace(/(\n)*/, ''));
			} else {
			  text.push($s.clone().wrap('<div>').parent().html());
			}
		  });
		  
		  $this.text(text.join('\n\n').replace(/\t/g, '    '));
		});

		prettyPrint();
	  });
	  
		// 모달가입창 닫기 
		$('#btnCloseModal').click(function() 
		{    
			$('#responsive').modal('hide');
		});
		
		function closeModal()
		{
			$('#responsive').modal('hide');
		}
		
	</script>

	
  </body>
</html>
